let ManOul = document.querySelector(".list").children[0]
let oGpsMan = document.querySelector(".GPS-mao")
window.onscroll = function() {
    scrollFunction()
};
ManOul.children[0].onmousemove = function() {
    oGpsMan.style.opacity = "1";
    oGpsMan.style.zIndex = "1001";
    console.log("ssss")
}
ManOul.children[0].onmouseout = function() {
    oGpsMan.style.opacity = "0";
    oGpsMan.style.zIndex = "999";
}
oGpsMan.onmousemove = function() {
    oGpsMan.style.opacity = "1";
    oGpsMan.style.zIndex = "1001";

}
oGpsMan.onmouseout = function() {
        oGpsMan.style.opacity = "0";
        oGpsMan.style.zIndex = "999";
    }
    //---------------------------------------------------------------------
let WoManOul = document.querySelector(".list-all").children[1]
let oGpsWoMan = document.querySelector(".GPS-jacket")
WoManOul.onmousemove = function() {
    oGpsWoMan.style.opacity = "1";
    oGpsWoMan.style.zIndex = "1002";

}
WoManOul.onmouseout = function() {
    oGpsWoMan.style.opacity = "0";
    oGpsWoMan.style.zIndex = "999";

}
oGpsWoMan.onmousemove = function() {
    oGpsWoMan.style.opacity = "1";
    oGpsWoMan.style.zIndex = "1002";


}
oGpsWoMan.onmouseout = function() {
        oGpsWoMan.style.opacity = "0";
        oGpsWoMan.style.zIndex = "999";
    }
    //----------------------------------------------------
let BOYOul = document.querySelector(".list-all").children[2]
let oGpsboy = document.querySelector(".GPS-pants")
BOYOul.onmousemove = function() {
    oGpsboy.style.opacity = "1";
    oGpsboy.style.zIndex = "1003";

}
BOYOul.onmouseout = function() {
    oGpsboy.style.opacity = "0";
    oGpsboy.style.zIndex = "999";
}
oGpsboy.onmousemove = function() {
    oGpsboy.style.opacity = "1";
    oGpsboy.style.zIndex = "1003";

};
oGpsboy.onmouseout = function() {
        oGpsboy.style.opacity = "0";
        oGpsboy.style.zIndex = "999";
    }
    //------------------------------------------------------------------------------------
let GirlOul = document.querySelector(".list-all").children[3]
let oGpsGirl = document.querySelector(".GPS-bag")
GirlOul.onmousemove = function() {
    oGpsGirl.style.opacity = "1";
    oGpsGirl.style.zIndex = "1004";

}
GirlOul.onmouseout = function() {
    oGpsGirl.style.opacity = "0";
    oGpsGirl.style.zIndex = "999";
}
oGpsGirl.onmousemove = function() {
    oGpsGirl.style.opacity = "1";
    oGpsGirl.style.zIndex = "1004";

}
oGpsGirl.onmouseout = function() {
    oGpsGirl.style.opacity = "0";
    oGpsGirl.style.zIndex = "999";
}


function scrollFunction() {
    if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
        document.getElementById("myBtn").style.display = "block";

    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}


document.getElementById("myBtn").onclick = function() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}